﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<zeus.Core.PlanCliente>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">

    <h2>Planes</h2>
    <% Html.EnableClientValidation(); %>

    <% using (Html.BeginForm()) {%>
        <%: Html.ValidationSummary(true) %>
        
        <fieldset>
            <legend>Plan de Trabajo</legend>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Nombre) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Nombre) %>
                <%: Html.ValidationMessageFor(model => model.Nombre) %>
            </div>

            <div class="editor-label">
                <%: Html.LabelFor(model => model.Mail) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Mail)%>
                <%: Html.ValidationMessageFor(model => model.Mail)%>
            </div>

            <div class="editor-label">
                <%: Html.LabelFor(model => model.Celular) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Celular)%>
                <%: Html.ValidationMessageFor(model => model.Celular)%>
            </div>

            <table>
                <tr>
                    <td>
                        <div class="editor-label">
                            Unidades         
                        </div>

                        <div class="editor-field">
                             <%: Html.ListBox("UsuariosDisponiblesList", ViewData["usuariosDisponibles"] as MultiSelectList, new { @class = "selectMultiple" })%>                                                             
                        </div>
                    </td>
                    <td>
                        <input type="button" value="Agregar" name="btnAgregarUsuario" id="btnAgregarUsuario" class="buttonMultiple" />
                        <br />
                        <input type="button" value="Remover" name="btnRemoverUsuario" id="btnRemoverUsuario" class="buttonMultiple" />
                    </td>
                    <td>
                        <div class="editor-label">
                            Disponible para
                        </div>

                        <div class="editor-field">
                             <%: Html.ListBox("UsuariosSeleccionadosList", ViewData["usuariosSeleccionados"] as MultiSelectList, new { @class = "selectMultiple" })%>   
                        </div>
                    </td>
                </tr>
            </table>
            
            <p>
                <input type="submit" value="Guardar" />
                <input type="button" onclick="document.location.href='<%= ResolveUrl("~") %>Planes/Avanzado'" value="Cancelar" />
            </p>
        </fieldset>

        <%: Html.HiddenFor(model => model.UsuariosHidden) %>

    <% } %>

    <div>
        <a href="#" id="NuevoEvento">Agregar Evento</a>        
    </div>

    <%if (Model.Eventos.Count > 0)
      {
    %>
    
    <table class="datatable">
        <caption>
            Eventos</caption>
        <thead>
            <tr>
                <th>
                    Nombre
                </th>
                <th>
                    Horas
                </th>
                <th>
                    Detalle
                </th>                                                                           
            </tr>
        </thead>

        <% foreach (var item in Model.Eventos)
           { %>
        <tr>
            <td>
                <a href="javascript:editarEvento(<%: item.Id %>)"><%: item.TipoEvento.Nombre %></a>                                    
            </td>
            <td>
                <%: string.Format("Desde: {0:00}:{1:00}  Hasta: {2:00}:{3:00}", 
                        item.HoraDesde, item.MinutoDesde, item.HoraHasta, item.MinutoHasta) %>
            </td>
            <td>
                <%if (item.TipoDetalle != null && (item.CodigoTipoEvento == 2 || item.CodigoTipoEvento == 3))
                  { %>
                    <%: item.TipoDetalle.Nombre %> 
                <%} %>

                <%if (item.Poligono != null && (item.CodigoTipoEvento == 4 || item.CodigoTipoEvento == 1))
                  { %>
                    <%: item.Poligono.Nombre %>
                <%} %>
                
            </td>            
        </tr>
        <% } %>
                
    </table>
    <%  } %>

    <div id="dialog" title="Nuevo evento" style="display:none">        
    </div>
    
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftAjax.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftMvcAjax.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftMvcValidation.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/helpers.js"></script>
    <link href="<%= ResolveUrl("~") %>Content/tables.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript">
        
        var evento = 0;

        $(function () {
            $("#navbar").hide();

            $('#dialog').dialog({
                modal: false,
                autoOpen: false,                
                open: function () {
                    $(this).load('<%= ResolveUrl("~") %>Planes/EditarPlanAvanzado/?Id=' + evento + '&codigoPlanCliente=<%: Model.Id %>');
                },
                height: 500,
                width: 650
            });

            $("#NuevoEvento").click(function () {
                $("#dialog").dialog("open");                
            });    

            $('form').submit(function () {
                var tmp = new Array();
                $('select#UsuariosSeleccionadosList option').each(function (i, selected) {
                    tmp[i] = $(selected).val();
                });
                $('#UsuariosHidden').val(tmp.join(','));

                return true;
            });

            $('#UsuariosDisponiblesList').dblclick(function () {
                $('#UsuariosDisponiblesList option:selected').remove().appendTo('#UsuariosSeleccionadosList');
            });

            $('#btnAgregarUsuario').click(function () {
                $('#UsuariosDisponiblesList option:selected').remove().appendTo('#UsuariosSeleccionadosList');
            });

            $('#UsuariosSeleccionadosList').dblclick(function () {
                $('#UsuariosSeleccionadosList option:selected').remove().appendTo('#UsuariosDisponiblesList');
            });

            $('#btnRemoverUsuario').click(function () {
                $('#UsuariosSeleccionadosList option:selected').remove().appendTo('#UsuariosDisponiblesList');
            });
        });

        function editarEvento(id) {
            evento = id;
            $("#dialog").html("<p>Espere por favor...</p>").dialog("open");  
        }

    </script>
    
    <title>Nuevo Plan</title>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="MenuContentPlaceHolder" runat="server">
</asp:Content>

